@charset UTF-8;
.taichi-item2-cls,.taichi-item1-cls:before,.taichi-item2-cls:after {
	background-color:white;
}
.taichi-item1-cls,.taichi-item2-cls:before,.taichi-item1-cls:after{
	background-color:black;
}
section>div {
	width:500px;
	height:500px;
	margin:100px 100px;
	position:fixed;
	background-color:rgba(125,125, 125,0.3);
}
.taichi-cls>div{
	flex:1;
}
section>div >.taichi-cls {
	margin:200px;
}
.taichi-cls.taichi-cls  > .taichi-item1-cls {
	border-radius:50px 0 0 50px;
}
.taichi-cls  > .taichi-item2-cls {
	border-radius:0px 50px 50px 0px;
}
.taichi-cls > div:before,.taichi-cls > div:after{
	content:'';
	display:inline-block;
}
.taichi-cls > div:before{
	height:50px;
	width:25px;
}
.taichi-cls > div:after{
	height:12px;
	width:12px;
	border-radius:6px;
	position:absolute;
}
.taichi-item1-cls:before{
	border-radius:25px 0 0 25px;
	float:right;
}
.taichi-item2-cls:before{
	border-radius:0 25px 25px 0;
	margin-top:50px;
	float:left;
}
.taichi-item1-cls:after{
	margin-left:44px;
	margin-top:19px;
}
.taichi-item2-cls:after{
	margin-left:-31px;
	margin-top:69px;
}

.taichi-cls {
	display:flex;
	width:100px;
	height:100px;
	border-radius:50px;
	box-shadow:0 0 15px black;
}

.taichi-cls{
	animation-name: satellite-run-frame;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count:Infinite;
	-webkit-animation-name: satellite-run-frame;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count:Infinite;
	-moz-animation-name: satellite-run-frame;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count:Infinite;
}
.satellite-cls {
	-webkit-animation-name: satellite-run-frame;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count:Infinite;
	-moz-animation-name: satellite-run-frame;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count:Infinite;
	animation-name:satellite-run-frame;
	animation-timing-function: linear;
	animation-iteration-count:Infinite;
/* 	background-color:rgba(0,0,0,0.3); */
}
.satellite-cls {
	-webkit-animation-duration: 8s;
	-moz-animation-duration: 8s;
	animation-duration: 8s;
	margin-top:-400px;
	 margin-left:100px;
}
.satellite-cls:nth-child(3)>div {
	-webkit-transform:scale(0.7,0.7);
	-moz-transform:scale(0.7,0.7);
	transform:scale(0.7,0.7);
}
.satellite-cls:nth-child(3) {
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	animation-duration: 4s;
}
.satellite-cls:nth-child(2) .taichi-cls{
	zoom:0.8;
}
.satellite-cls:nth-child(3) .taichi-cls{
	zoom:0.6;
}
.satellite-cls {
	width:300px;
	height:300px;
	position:absolute;
}
@-webkit-keyframes satellite-run-frame
{
	from {
		-webkit-transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
	}
}
@-moz-keyframes satellite-run-frame
{
	from {
		-moz-transform:rotate(0deg);
	}
	to {
		-moz-transform:rotate(360deg);
	}
}
@keyframes satellite-run-frame
{
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}